<%-- 
    Document   : plansearchpage
    Created on : Mar 24, 2012, 2:57:45 AM
    Author     : TaeJun Lee
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script type="text/javascript" language="javascript">
                
                function search(){
                    
                }
                
                function advancedSearch(){
                    
                }
                
        </script>        
        <LINK REL=StyleSheet HREF="./css/main.css" TYPE="text/css">
        <title>Plan Search Page</title>
    </head>
    <body>
        <div class="filler">
            <div class="bg">
                <div class="main">
                    <div class="hdr">
                        <div class="logo">
                            <img src="./imgs/logo.png"/>
                        </div>

                        <div class="hdr_content_container">
                            <div class="acct_btns" style="margin-top : 10px;">
                                <div class="acct_btn">
                                    <a href="accountSettings.jsp">Account Settings</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="LoginServlet?action=logout">Log Out</a>
                                </div>
                            </div>

                            <div class="acct_btns" style="margin-top: 75px;">
                                <div class="acct_btn">
                                    <a href="dashboard.jsp">Home</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="calendar.jsp">Calendar</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="plans.jsp">Plans</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="data.jsp">Data</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="friends.jsp">Friends</a>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- hdr -->
                    <div class="container">
                        <div class="left_nav">
                            <div class="left_nav_title">
                                <span>My Plans</span>
                                
                                <form name="which_plan_form">
                                    <select>
                                        <option value="Marathon Trainer">Marathon Trainer</option>
                                        <option value="Heart Healthy">Heart Healthy</option>
                                        <option value="General Health">General Health</option>
                                        <option value="View BP">View BP</option>
                                    </select>
                                </form>
                            </div>
                        </div>
                        <div class="page_body"> 
                            <div id="searchDiv">
                            <form name="planSearchForm">
                                <fieldset id ="searchPlanField">
                                    <legend>Search Plan</legend>

                                    <div id="searchBox"> 
                                        <input id="searchPlanBox" type="text"><button id="searchButton" onclick="Search()">Search</button>
                                    </div>
                                </fieldset>
                            </form>
                            <br/>
                            <hr/>
                            <br/>
                            <form name="planAdvancedSearchForm">
                                <fieldset id="advancedSearchField">
                                    <legend>Advanced Search Plan</legend>
                                <div id="advancedSearchDiv">
                                Choose type for search:      
                                    <select name="searchTypeList">
                                        <option value="Plan's Name">Plan's Name </option>
                                        <option value="Doctor's Name">Doctor's Name </option>
                                        <option value="Friend's Name">Friend's Name </option>
                                        <option value="Purpose">Purpose</option>
                                        <option value="Duration">Duration </option>
                                    </select>  

                                </div>

                                    <div id="searchBox"> <input id="searchPlanBox" type="text"><button id="searchButton" onclick="advancedSearch()">Search</button></div>
                            </fieldset>
                            </form>
                            <br/>
                            <hr/>
                            <br/>
                            <form name="resultForm">
                                <fieldset id="searchResultField">
                                    <legend>Result</legend>
                                    <div id="searchReasultDiv">
                                        <select name="result" id="serchPlanResult" multiple="multiple">

                                        <option selected value="">Searched Plan List States here...</option>	
                                        <option value="Plan1">Plan1</option>
                                        <option value="Plan2">Plan2</option>
                                        <option value="Plan3">Plan3</option>
                                        <option value="Plan4">Plan4</option>
                                        <option value="Plan5">Plan5</option>

                                        </select>
                                    </div>
                                </fieldset>
                            </form>
                            <br/>
                            
                        </div>  
                        </div>  
                    </div>
                    <!-- dashboard container -->
                </div>
                <!-- main -->
            </div>
            <!-- bg -->
        </div>
        <!-- filler -->
    </body>
</html>
